<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap.css">
    <link rel="stylesheet" href="./demo.css">
    <script src="./bootstrap.bundle.js"></script>
    <title>Document</title>
    <script>
        // var randomnumber = Math.ceil(Math.random() * 100000); 
        // alert(randomnumber)

        // for (var i = 0; i < 20; i++) {
        //     var id = Math.ceil(Math.random() * 10)-1;
        //     document.write(id+'==')
        // }

        var str = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
        function generateMixed(n) {
            var res = "";
            for (var i = 0; i < n; i++) {
                var id = Math.ceil(Math.random() * 10)-1;
                res += str[id];
            }
            return res;
        }
        alert(generateMixed(16));
    // </script>

</head>

<body>

    <!-- <div class="menu">
        <div class="menuTitle">全部商品分类</div>
        <ul class="menuList">
            <li>
                <div class="menuListTil">
                    <div class="menuSanjiao">
                        <p>文学艺术</p>
                    </div>
                    <div class="menuListDis">
                        <ul>
                            <li>
                                <span class="classifyName">小说</span>
                                <span><a href="">中国小说</a></span>
                                <span><a href="">外国小说</a></span>
                            </li>
                            <li>
                                <span class="classifyName">文学</span>
                                <span><a href="">中国文学</a></span>
                                <span><a href="">外国文学</a></span>
                            </li>
                            <li>
                                <span class="classifyName">艺术</span>
                                <span><a href="">书法</a></span>
                                <span><a href="">摄影</a></span>
                                <span><a href="">舞蹈</a></span>
                                <span><a href="">音乐</a></span>
                            </li>
                            <li>
                                <span class="classifyName">传记</span>
                                <span><a href="">传记</a></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <div class="menuListTil">
                    <div class="menuSanjiao">
                        <p>人文社科</p>
                    </div>
                    <div class="menuListDis">
                        <ul>
                            <li>
                                <span class="classifyName">历史</span>
                                <span><a href="">世界史</a></span>
                                <span><a href="">中国史</a></span>
                                <span><a href="">史学理论</a></span>
                            </li>
                            <li>
                                <span class="classifyName">法律</span>
                                <span><a href="">法律法规</a></span>
                                <span><a href="">法学理论</a></span>
                                <span><a href="">法律科普</a></span>
                                <span><a href="">中国法律</a></span>
                            </li>
                            <li>
                                <span class="classifyName">心理</span>
                                <span><a href="">心理学百科</a></span>
                                <span><a href="">病态心理学</a></span>
                            </li>
                            <li>
                                <span class="classifyName">政治军事</span>
                                <span><a href="">党政读物</a></span>
                                <span><a href="">中国之治</a></span>
                                <span><a href="">世界政治</a></span>
                                <span><a href="">军事理论</a></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <div class="menuListTil">
                    <div class="menuSanjiao">
                        <p>少儿童书</p>
                    </div>
                    <div class="menuListDis">
                        <ul>
                            <li>
                                <span class="classifyName">儿童文学</span>
                                <span><a href="">中国儿童文学</a></span>
                                <span><a href="">外国儿童文学</a></span>
                                <span><a href="">寓言故事</a></span>
                            </li>
                            <li>
                                <span class="classifyName">动漫绘本</span>
                                <span><a href="">儿童绘本</a></span>
                            </li>
                            <li>
                                <span class="classifyName">启蒙益智</span>
                                <span><a href="">益智游戏</a></span>
                                <span><a href="">艺术培养</a></span>
                                <span><a href="">科普百科</a></span>
                            </li>
                            <li>
                                <span class="classifyName">技能培养</span>
                                <span><a href="">少儿技能</a></span>
                                <span><a href="">书法绘画</a></span>

                            </li>
                        </ul>
                    </div>
                </div>
            </li>

        </ul>
    </div> -->
    <!-- 卡片 -->
    <!-- <div class="card cardModtify" style="width: 13rem;">
        <img src="../images/kdy3.jpg" class="card-img-top" alt="...">
        <div class="card-body">
            <h6 class="card-title">理想国</h6>
            <p class="card-text">叙述了苏格拉底到贝尔斯祷神，归途被派拉麦克邀往家中，宾主滔滔谈论起来。.</p>
            <a href="#" class="btn btn-primary">查看商品详情</a>
        </div>
    </div> -->

    <!-- 带数字和箭头的轮播图 -->
    <!-- <div id="carouselExampleIndicators" class="carousel slide sizeP" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../images/niceloop/syloop-13.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/niceloop/syloop-14.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/niceloop/syloop-15.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div> -->

    <!-- 淡入淡出的轮播图 箭头 -->
    <!-- <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../images/hs1.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/hs2.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/hs3.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div> -->
    <!-- 只自动轮播 -->
    <!-- <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../images/niceloop/syloop-13.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/niceloop/syloop-14.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="../images/niceloop/syloop-15.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
    </div> -->
</body>

</html>